* {
    /* 清楚所有元素的外边距 */
    margin: 0;
    /* 清楚所有元素的内边距 */
    padding: 0;
}

.boxq {
    width: 800px;
    height: 560px;
    position: absolute;
    top: 0;
    left: 200px;
    z-index: 999;
}

.boxjk {
    width: 800px;
    height: 560px;
    /* background-color: yellow; */
    /* 相对定位   当作参照物 */
    position: relative;
    margin-left: -67px;
}

ul { list-style: none;
    width: 450px;
    height: 100%; line-height: 56px;
    background-color: rgb(225, 93, 117);  text-align: center;
}

li {
    width: 450px;
    height: 56px;
    background-color: pink(232, 95, 179)
    /* 去掉小黑点 */
   
  
   
    /* margin-left: -8px; */
}

li:hover {
    background-color: skyblue;
    color: purple;
}

.right {
    width: 560px;
    height: 520px;
    background-color: #FFFFFF;
    /* 绝对定位 */
    position: absolute;
    top: 0;
    left: 200px;
    /* 消失 */
    display: none;
    padding: 20px;
}

li:hover .right {
    display: block;
}

